body{padding: 0; margin:0; font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace !important; }
body{padding: 0; margin:0; font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace !important; }
.container{width:100% !important; padding:0;}
.nagelstudio-img{float:right;}
.nagelstudio-img img{right:0; height:90px; top:0; margin-top:-40px;margin-right:10px; float:right;}
/*home*/
.home{width:100%;}
.home-logo img{width:100%;}
.gallery{display: inline-block;}
.gallerij-wrapper h2{clear:both;  padding-top:50px;}
.gallerij-wrapper{margin-bottom: 20px; margin-left:5%;}
.gallerij-container{width:90%; padding-left:10%; }
.thumbnail>img{width:100%}
.thumbnail{border: none;}
/*over ons*/
.overons2{height:112px; width:100%; margin-top:50px;}
.overons{background:#fff; width:100%; }
.text{width:90%; margin-left:5%; margin-right:5%;}
.text h1{ font-size: 2.6em; margin-bottom: 50px;}
.text p{font-size: 1.2em;}
.text2{width:50%; float:left; font-size: 1.4em;}
.nagellakpot{width:50%; float:left;}
.nagellakpot img{width:65%; float:right;}
.salon img{width:100%;}
.salon2 img{width:100%; margin-top: 200px;}
.handen img{width:100%;}
.text3{width:90%; margin-left:5%;}
.text3 h1{ font-size: 2.6em; margin-bottom: 50px;}
.text p{font-size: 1.2em;}
.text4{float:left; font-size: 1.4em; }
.text4 p{margin-right:40px; font-size:0.9em; padding-left:10%;}
.text4 h1{ padding-left:10%;}
.text5{float:left; font-size: 1.4em; text-align:right;}
.text5 p{font-size:0.9em; padding-right:10%;}
.text5 h1{ padding-right:10%;}
.text{margin-bottom:50px; margin-top:50px;}
.overonsimg img{width:100%; z-index:1; margin-top:70px;}
.behandelingen{background: url("../img/background_behandelingen.png");  background-size:100% 515px; background-repeat: no-repeat;  padding-bottom: 100px;width:100%;	float:left;	margin-top: 190px;}
.behandelingen h2{text-align:center; color:#fff; font-size: 2em; font-weight:400; padding-top:80px;}
.behandeling{width:90%; margin-left:5%; height: 200px;}
.gelnagels{width:11.5%; margin-right:3%; height:200px; float:left;}
.gelnagels h2{font-size: 1.1em; top:0; bottom:0; right:0; left:0;}
.bruidnagels{width:11.5%; margin-right:3%; height:200px; float:left;}
.bruidnagels h2{font-size: 1.1em; top:0; bottom:0; right:0; left:0;}
.nailart{width:11.5%; margin-right:3%; height:200px; float:left;}
.nailart h2{font-size: 1.1em; top:0; bottom:0; right:0; left:0;}
.manicure{width:11.5%; margin-right:3%; height:200px; float:left;}
.manicure h2{font-size: 1.1em; top:0; bottom:0; right:0; left:0;}
.parrafine{width:11.5%; margin-right:3%; height:200px; float:left;}
.parrafine h2{font-size: 1.1em; top:0; bottom:0; right:0; left:0;}
.gelpolischenagels{width:11.5%; margin-right:3%; height:200px; float:left;}
.gelpolischenagels h2{font-size: 1.1em; top:0; bottom:0; right:0; left:0;}
.wellnessbehandeling{width:11.5%; height:200px; float:left;}
.wellnessbehandeling h2{font-size: 1.1em; top:0; bottom:0; right:0; left:0;}
.fotogallerij {width:100%; float:left;}
.fotogallerij-inner{width:90%; margin-left:5%; margin-top: 50px; font-size:1.2em; margin-bottom:50px;}
.fotogallerij-inner-fotos{width:80%; margin-left:10%; margin-bottom:100px;background:yellow;}
.foto{float: left; width: 33%; margin-top:-5px;}
.foto img{width: 100%; height: 350px;}
.prijslijst-inner h2{margin-left:5%;}
.prijslijst-blok{background: url("../img/background_behandelingen.png");  background-size:100% 515px; background-repeat: no-repeat;  	float:left;}
.prijslijst-blok2{float:left;}
.prijslijst-blok3{ float:left;}
.prijslijst-blok4{background: url("../img/background_behandelingen.png");  background-size:100% 515px; background-repeat: no-repeat;  float:right; min-height:265px;}

.tg  {border-collapse:collapse;border-spacing:0; width:80%; margin-left:20%; margin-top:50px;}
.tg td{font-size:1.2em;padding:10px 5px;overflow:hidden;word-break:normal; color:#fff;}/*
.tg th{font-size:14px;font-weight:normal;padding:10px 5px;overflow:hidden;word-break:normal;}
.tg .tg-yw4l{vertical-align:top}*/

.tg2  {border-collapse:collapse;border-spacing:0; width:80%; margin-left:10%; margin-top:50px;}
.tg2 td{font-size:1.2em;padding:10px 5px;overflow:hidden;word-break:normal; color:#000;}/*
.tg2 th{font-size:14px;font-weight:normal;padding:10px 5px;overflow:hidden;word-break:normal;}
.tg2 .tg-yw4l{vertical-align:top}*/

.tg3 {border-collapse:collapse;border-spacing:0; width:80%; margin-left:20%; margin-top:50px;}
.tg3 td{font-size:1.2em;padding:10px 5px;overflow:hidden;word-break:normal; color:#000;}/*
.tg3 th{font-size:14px;font-weight:normal;padding:10px 5px;overflow:hidden;word-break:normal;}
.tg3 .tg-yw4l{vertical-align:top}*/

.tg4  {border-collapse:collapse;border-spacing:0; width:80%; margin-left:10%; margin-top:50px;}
.tg4 td{font-size:1.2em;padding:10px 5px;overflow:hidden;word-break:normal; color:#fff;}/*
.tg1 th{font-size:14px;font-weight:normal;padding:10px 5px;overflow:hidden;word-break:normal;}
.tg1 .tg-yw4l{vertical-align:top}
*/
.faq{width:100%; float:left; margin-top:40px; width:90%; margin-left:5%;}
.faq h1{margin-top:120px;}
.faq p{font-size:1.2em;}
.faq2{float:left; width:90%; margin-left:5%;}
.faq2-deel1{width:60%; float:left;}
.faq2-deel1 p{width:100%; font-size: 1.2em; margin-top:0px;}
.faq2-deel2 img{width:70%;}
.faq2-deel2{width:40%; float:right;}
.links{width:90%; margin-left:5%; margin-top:50px;}
.links a{color:#000;}
.links a:hover{color:pink;}
.links-image{width:90%; margin-left:5%;float:left; margin-top: 50px;}
.links-image-image{width:50%;}
.links-image-image img{width:100%}
.links h1{font-weight:400; padding-top:140px;}
.links p{font-size:1.2em;}
.contact{background:#050607; float:left; width:100%; margin-top:50px;}
.contact img{display:block; margin:0 auto; margin-top:200px; width:50%}
.contact p{color:#fff; text-align:center; margin-top:100px; font-size:1.4em;}
.contact h1{font-size:3em; text-align:center; color:#fff; margin-top:100px; margin-bottom:100px;}
.contact-gegevens a{color:#fff;}
.contact-gegevens a:hover{color:#D4AF37; text-decoration:underline;}
footer{background:#fff; height:80px; width:100%; float:left;}
footer p{text-align:center; font-size: 2em; margin-bottom:20px; margin-top:20px;}
footer a{color:#000; text-decoration:none;}
footer a:hover{color:#D4AF37; text-decoration:underline;}




body {margin:0;}
ul {
margin:0;
  padding: 0;
    
    width: 100%;
    background-color: #000;
   
	position:fixed;
	 z-index:99999;

	 padding-left: 50px;
	 padding-top:50px;
}

li {
    display:inline;
}
ul a {
 
 
    text-decoration: none;
	 color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
 
  transition: 0.3s;
  font-size: 17px;
}


ul a:hover {
   background-color: #D4AF37;
    text-decoration: none;
	color:#f2f2f2;
}


/*
ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #000;
  position:fixed;
  width:100%;
  z-index:99999;
  text-align: right;
}

ul.topnav li {float: left;}

ul.topnav li a {
  display: inline-block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 17px;
}

ul.topnav li a:hover {background-color: #D4AF37;}
*/
ul.topnav li.icon {display: none; color:#fff;}

@media screen and (max-width:1024px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
 ul{padding-left:0px; padding-top:10px;}
  
  
  ul.topnav{position:relative;}
}

@media screen and (max-width:1024px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
  .nagelstudio-img{display:none;}
  
  .faq h1{margin-top:10px;}
}

@media only screen and (max-width: 400px){
	.navigation{height:46px; position:fixed;}
	.row{margin-left:0px; margin-right:0px;}
	#cssmenu ul.open li a{margin:0;}
	footer p{font-size:1.4em; margin-top:15px;}
	.overons{margin-top:20px;}
	.text h1{margin-bottom:20px; font-size:2em;}
	.nagellakpot img{display:none;}
	.text2{width:100%; margin-bottom:20px;}
	.text3{margin-top:20px;}
	.text3 h1{font-size:2em; margin-bottom:20px;}
	.text4 p{margin-right:0px; padding-left:5%; padding-right:5%;}
	.text4{width:100%; padding-left:5%;}
	.text4 h1{padding-left:5%;}
	.text5 p{margin-right:0px; padding-left:5%; padding-right:5%;}
	.text5 h1{padding-left:5%;}
	.text5{width:100%; text-align:left;}
	.overonsimg{margin-bottom:20px; width:90%; margin-left:5%; margin-right:5%; font-size:1em;}
	.gallerij-container{padding-left:0; width:100%;}
	.behandelingen{display:none;}
	.behandelingen h2{display:none;}
	.foto{width:100%;}
	.foto img{width:100%;}
	.overons2{height:10px;}
	.tg3{margin-left:5%; margin-top:0;}

	.overonsimg img{display:block; margin:0 auto; }
	.fotogallerij{margin-top:50px;}
	.fotogallerij-inner-fotos{width:90%; margin-left:5%; margin-right:5%;}
	.salon2 img{margin-top:0px;}
	.prijslijst-blok{width:100%; margin-top:0; padding:0;}
	.prijslijst-blok1{width:100%; margin-top:0px;}
	.prijslijst-blok2{width:100%; padding:0;}
	.prijslijst-blok3{width:100%; padding:0;}
	.tg-yw4l2{display:none;}
	.tg{width:90%; margin-left:5%;}
	.tg2{width:90%; margin-left:5%; margin-top:0px;}
	.tg4{width:90%; margin-left:5%;}
	.tg1{width:90%; margin-left:5%;}
	.faq{margin-top:0;}.
	.faq2-deel1{width:100%;}
	.faq2-deel1{width:100%;}
	.faq2-deel2{display:none;}
	.contact h1{font-size:2em; padding:5%; margin-top:40px; margin-bottom:40px;}
	.contact img{margin-top:100px;}
	.links h1{font-weight:400; padding-top:10px;}
	#cssmenu ul li.behandelingen_li{display:none;}
	.text p{font-size:1em;}
	.text2{font-size:1em;}

}

@media only screen and (min-device-width: 401px) and (max-device-width: 769px){
      .text3{margin-top:50px;}
	.text4{width:100%;}
	.text5{width:100%;}
	.overonsimg{ width:100%; margin-bottom:40px;}
	.overonsimg img{display:block; margin:0 auto; }
	.gelnagels{width:32%; margin:0; height:75px; font-size:1.6em;}
	.bruidnagels{width:32%; margin:0; height:75px; font-size:1.6em; }
	.nailart{width:32%; margin:0; height:75px; font-size:1.6em;}
	.manicure{width:32%; margin:0; height:75px; font-size:1.6em;}
	.parrafine{width:32%; margin:0; height:75px;font-size:1.6em; }
	.gelpolischenagels{width:32%; margin:0; height:75px; font-size:1.6em;}
	.wellnessbehandeling{width:32%; margin:0; height:75px; font-size:1.6em; margin-bottom:50px;}
	.behandelingen{background-size:100% 100%;}
	.fotogallerij-inner-fotos{width:90%; margin-left:5%; margin-right:5%;}
	.foto{width:50%;}
	.salon2 img{margin-top:50px;}
	.prijslijst-blok{width:100%;}
	.prijslijst-blok1{width:100%;}
	.prijslijst-blok2{width:100%;}
	.prijslijst-blok3{width:100%;}

	.tg{margin-left:10%;}
	.tg1{margin-left:10%;}
	.faq2-deel1{width:100%;}
	.navigation{height:10px;}
	#cssmenu{height:50px;}
	.faq2-deel2{display:none;}
	.overons2{height:0px;}
	.links h1{padding-top:60px;}
	.contact img{margin-top:50px;}
    }